<%--
  Created by IntelliJ IDEA.
  User: hanweihua
  Date: 2024/10/11
  Time: 11:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>宠物管理系统</title>
    <link rel="stylesheet" href="../css/style.css">
    <script src="../js/jquery-1.6.2.min.js"></script>
    <script src="../js/script.js"></script>
</head>
<body>
    <div class="moduleDiv">
        <h3>宠物管理系统</h3>
        <br>
        <table class="table" border="1" width="100%" id="petTable"></table>
        <br>
        <button id="addOpen"> 新增宠物信息 </button>
    </div>

    <div class="moduleDiv" style="width: 400px" id="addDiv">
        <h4>添加宠物信息</h4>
        <table class="table" border="1" width="100%">
            <tr>
                <td>宠物名字：</td>
                <td><input type="text" id="name" placeholder="请输入宠物名字"></td>
            </tr>
            <tr>
                <td>宠物品种：</td>
                <td><input type="text" id="species" placeholder="请输入宠物品种"></td>
            </tr>
            <tr>
                <td>宠物年龄：</td>
                <td><input type="text" id="age" placeholder="请输入宠物年龄"></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <button id="add" class="btn"> 提交 </button>
                    <button id="addClose" class="btn"> 关闭 </button>
                </td>
            </tr>
        </table>
    </div>

    <div class="moduleDiv" style="width: 400px" id="editDiv">
        <h4>编辑宠物信息</h4>
        <table class="table" border="1" width="100%">
            <tr>
                <td>宠物名字：</td>
                <td><input type="text" id="editName" placeholder="请输入宠物名字"></td>
            </tr>
            <tr>
                <td>宠物品种：</td>
                <td><input type="text" id="editSpecies" placeholder="请输入宠物品种"></td>
            </tr>
            <tr>
                <td>宠物年龄：</td>
                <td><input type="text" id="editAge" placeholder="请输入宠物年龄"></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <button id="edit" class="btn"> 编辑 </button>
                    <button id="editClose" class="btn"> 关闭 </button>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
